<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>优菜商城</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<meta name="author" content="@binggan" />
		<link rel="stylesheet" href="css/ydui.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_463779_pkv3jpw5yz1fko6r.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<script src="js/flexible.js"></script>
	</head>

	<body>
		<section class="g-flexview">
			<header class="m-navbar border-bot">
				<a href="#" class="navbar-item back">
					<i class="back-ico"></i>
				</a>
				<div class="navbar-center">
					<span class="navbar-title">我的收藏</span>
				</div>
				<a class="navbar-item search-btn" href="index.html">
					首页
				</a>
			</header>
			
			<div class="g-scrollview lists-page" id="J_List">
				<!--商品列表区域-->
				<ul class="recommend-item-list lists-container clearfix" id="J_ListContent">
					<li class="items">
						<a href="detail.html">
							<div class="adaptive-w">
								<img src="images/item1.png" />
							</div>
							<span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
							<p class="item-bot">
								<span class="price-box">¥<span class="price">558.36</span></span>
								<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
							</p>
						</a>
					</li>
					<li class="items">
						<a href="detail.html">
							<div class="adaptive-w">
								<img src="images/item1.png" />
							</div>
							<span class="item-descri">一亩农庄 散养土鸡蛋10个/盒 新鲜鸡蛋 测试文字尽量多的测试文字</span>
							<p class="item-bot">
								<span class="price-box">¥<span class="price">558.36</span></span>
								<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
							</p>
						</a>
					</li>
				</ul>
				<!--商品列表区域end-->
				<a href="shopcart.html" class="to-cart"><i class="iconfont icon-gouwuche1"></i><span class="budge"></span><!--角标--></a>
			</div>
		</section>

		<!--模板块-->
		<script type="text/html" id="tpl_fir">
			{{each data as item }}
			<li class="items">
				<a href="detail.html">
					<div class="adaptive-w">
						<img src="{{item.img}}" />
					</div>
					<span class="item-descri">{{item.title}}</span>
					<p class="item-bot">
						<span class="price-box">¥<span class="price">{{item.marketprice}}</span></span>
						<span class="item-add"><i class="iconfont icon-gouwuchetianjia"></i></span>
					</p>
				</a>
			</li>
			{{/each}}
		</script>
		<!--模板块end-->

		<script src="js/jquery.min.js"></script>
		<script src="js/ydui.js"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/arttemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/lists_operate.js" type="text/javascript" charset="utf-8"></script>
		<script>
			var swiper = new Swiper('.swiper-container', {
				slidesPerView: 'auto',
				freeMode: true
			});
		</script>
	</body>

</html>